@charset "utf-8";

.btn{
    width: 175px;
    height: 48px;
    border-radius: 24px;
    display: inline-block;
    line-height: 48px;
    font-size: 13px;
    background-color: #eb413d;
    color: white;
}
.font_13px{
    font-size: 13px;
}
.font_14px{
    font-size: 14px;
}
section{
    width: 1000px;
    margin: 0 auto;
    .red_top{
        border-top: solid 4px #eb413d;
    }
    #section_top1{
        display: none;
    }
    #section_top2{
        display: none;
    }
    #section_top3{
        display: none;
    }
    #section_top4{
        display: none;
    }
    #section_top5{
        display: none;
    }
    input[type="radio"]{
        display: none;
    }
    #top_input1:checked+#section_top1,
    #top_input1:checked~#payment1{
        display: block;
    }
    #top_input2:checked+#section_top2{
        display: block;
    }
    #top_input3:checked+#section_top3{
        display: block;
    }
    #top_input4:checked+#section_top4{
        display: block;
    }
    #top_input5:checked+#section_top5{
        display: block;
    }
    
    .case{
        padding: 47px 30px 75px 45px;
    }
    .step{
        width: 186px;
        margin-left: -5px;
        display: inline-block;
        p{
            font-size: 18px;
            line-height: 34px;
        }
        span{
            display: inline-block;
            width: 118px;
            padding-left: 10px;
            font-size: 16px;
            line-height: 34px;
        }
        .time{
            margin-left: -10px;
            color: #99999a;
            font-size: 14px;
            text-align: center;
        }
        .boder_red{
            border-bottom: solid 1px #eb413d;
        }
        .boder_gray{
            border-bottom: solid 1px #d9d9d9;
        }
        .color_red{
            color: #eb413d;
        }
        .color_gray{
            color: #99999a;
        }
    }
    .nuit{
        border: solid 1px #e7e7e7;
            margin-bottom: 115px;
        .border{
            width: 100%;
            height: 2px;
            background-color: #f8f8f8;
        }
        .message{
            width: 405px;
            text-align: center;
            box-sizing: border-box;
            border-right: solid 1px #e7e7e7;
            border-bottom: solid 1px #e7e7e7;
            table{
                width: 313px;
                display: inline-block;
                text-align: left;
                td{
                    font-size: 13px;
                    padding: 6px;
                    color: #878787;
                    span{
                        font-size: 18px;
                        line-height: 50px;
                    }
                }
            }
            
        }
        .message_broad{
            width: 217px;
        }
        
//      #payment1{
//          display: none;
//      }
//       #payment2{
//          display: none;
//      }
//       #payment3{
//          display: none;
//      }
//       #payment4{
//          display: none;
//      }
//       #payment5{
//          display: none;
//      }
//      #staus1:checked~#payment1{
//          display: block;
//      }
//      #staus2:checked~#payment2{
//          display: block;
//      }
//      #staus3:checked~#payment3{
//          display: block;
//      }
//      #staus4:checked~#payment4{
//          display: block;
//      }
//      #staus5:checked~#payment5{
//          display: block;
//      }
        .payment{
            width: 594px;
            height: 211px;
            padding-top: 61px;
            text-align: center;
            p{
                font-size: 24px;
                color: #ee5a57;
            }
            a{
                font-size: 14px;
                line-height: 65px;
                color: #878787;
            }
            .del{
                position: relative;
                left: 224px;
            }
            div{
                padding: 10px 0;
                text-align: left;
                display: inline-block;
                span{
                    line-height: 27px;
                    color: #878787;
                }
                pre{
                    display: inline;
                    color: #444f58;
                }
            }
        }
        .sign{
            padding: 30px 33px 33px 34px;
            .particular{
                font-size: 13px;
                border: solid 1px #e7e7e7;
                text-align: center;
                border-radius: 5px;
                .border_bottom{
                    border-bottom: solid 1px #e7e7e7;
                }
                .bgclor{
                    background-color: #f8f8f8;
//                  line-height: 32px;
                }
                .border_left{
                    border-left: solid 1px #e7e7e7;
                }
                .font_22px{
                    font-size: 22px;
                }
                .color_red{
                    color: #eb413d;
                }
                .color_gray{
                    color: #878787;
                }
                .padding_top10{
                    padding-top: 10px;
                }
                .padding_top20{
                    padding-top: 20px;
                }
                .padding_bottom20{
                    padding-bottom: 20px;
                }
                .padding_30{
                    padding: 30px 0;
                }
                .padding_left20{
                    padding-left: 20px;
                }
                .padding_left40{
                    padding-left: 40px;
                }
                .padding_right30{
                    padding-right: 30px;
                }
//              .text_left{
//                  text-align: left;
//              }
                .text_right{
                    text-align: right;
                    padding-right: 22px;
                    box-sizing: border-box;
                }
                td{
                    img{
                        padding-left: 30px;
                    }
                    a{
                        display: inline-block;
//                      margin: 0 39px;
                    }
                    .relative{
                        position: relative;
                    }
                    .det_fl{
                        width: 27px;
                        height: 180px;
                        position: absolute;
                        background-color: white;
                    }
                }
                .td_wide1{
                    width: 435px;
                    line-height: 47px;
                    background-color: #f8f8f8;
                }
                .td_wide2{
                    width: 124px;
                    line-height: 47px;
                    background-color: #f8f8f8;
                }
                .td_wide3{
                    width: 118px;
                    line-height: 47px;
                    background-color: #f8f8f8;
                }
                .td_wide4{
                    width: 116px;
                    line-height: 47px;
                    background-color: #f8f8f8;
                }
                .td_wide5{
                    width: 141px;
                    line-height: 47px;
                    background-color: #f8f8f8;
                }
            }
        }
    }
}
